<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			p.none{
				border-style:noen;
			}
			p.dotted{
				border-style: dotted;
			}
			p.dashed{
				border-style:dashed;
			}
			p.solid{
				border-style:solid;
				
			}
			p.double{
				border-style:double;
			}
			p.groove{
				border-style:groove;
			}
			p.ridge{
				border-style:ridge;
			}
			p.inset{
				border-style:inset;
			}
			p.outset{
				border-style: outset;
			}
			p.hidden{
				border-style:hidden;
			}
		</style>
	</head>
	<body>
		<p class="none">无边框。</p>
		<p class="dotted">虚线边框。</p>
		<p class="dashed">虚线边框。</p>
		<p class="solid">实线边框。</p>
		<p class="double">双边框。</p>
		<p class="groove"> 凹槽边框。</p>
		<p class="ridge">垄状边框。</p>
		<p class="inset">嵌入边框。</p>
		<p class="outset">外凸边框。</p>
		<p class="hidden">隐藏边框。</p>
	</body>
</html>
